<template>
	<el-container>
		<el-aside style="width: 12%;">
			<Nav></Nav>
		</el-aside>
		<el-container>
			<el-header>
				<Head></Head>
			</el-header>
			<el-main>
				<router-view></router-view> 
			</el-main>
		</el-container>
	</el-container>
</template>	

<script>
	import Nav from '../components/wwt/Nav.vue';
	import Head from '../components/wwt/Head.vue';
    import Data from './zht/Data.vue'
	export default {
		components:{
			Nav,
			Head,
            Data
		}
	}
</script>

<style scoped>
	.el-header {
		background-color: #B3C0D1;
		color: #333;
		text-align: center;
		line-height: 80px;
		height: 80px !important;
	}
	
	
	
	.el-aside {
		background-color: #D3DCE6;
		color: #333;
		height: 100%;
	}
	
	.el-aside div{
		height: 100%;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
	}

	.el-container {
		height: 100%;
	}
	
	.el-menu{
	}
</style>
